// 步骤1：安装依赖 npm install wechat-validate
// 步骤2：工具 - 构建 npm
// 步骤 34567 看 wechat-validate 的说明文档

// 在页面或组件中导入
import validate from 'wechat-validate'

Page({
  // 🔔 注意： behaviors 和 rules 和 data 是同级
  // 通过 behaviors 注入 validate 方法，相当于 Vue 的 mixins
  behaviors: [validate],
  // 定义表单数据的验证规则
  rules: {
    mobile: [
      // required: true 必填项
      { required: true, message: '请填写手机号码!' },
      // pattern 正则校验
      { pattern: /^1[3-9]\d{9}$/, message: '请检查手机号码是否正确!' },
    ],
    code: [
      { required: true, message: '请填写验证码!' },
      { pattern: /^\d{6}$/, message: '验证码为 6 位数字!' },
    ],
  },
  data: {
    // 默认不显示倒计时组件
    countDownVisible: false,
    mobile: '',
    code: '',
  },

  onLoad(query) {
    // console.log('🟢 query', query)
    this.query = query
  },

  // bind:change 倒计时变化时
  countDownChange(ev) {
    this.setData({
      // 倒计时组件的数据，用于页面渲染
      timeData: ev.detail,
      // 是否显示倒计时组件，当倒计时为 1 分钟或者倒计时秒数大于 0 时显示
      countDownVisible: ev.detail.minutes === 1 || ev.detail.seconds > 0,
    })
  },

  // 获取验证码
  async getSMSCode() {
    // 校验通过后，才发送请求
    const { valid, message } = this.validate('mobile')

    // 如果校验通过
    if (valid) {
      // 发送请求，获取验证码
      const res = await wx.http.get('/code', { mobile: this.data.mobile })
      console.log(res)
      // 显示倒计时组件
      this.setData({
        countDownVisible: true,
      })
    } else {
      // 校验失败提示
      wx.utils.toast(message)
    }
  },
  // 登录表单提交
  async onSubmit() {
    // 提取登录接口所需的两个参数
    const { mobile, code } = this.data
    // console.log('🟢 { mobile, code }', { mobile, code })
    // wx.request()
    // 如果校验通过返回 true
    const isValidate = this.validate()
    // 校验通过
    if (isValidate) {
      // 发送网络请求
      const res = await wx.http.post('/login', { mobile, code })
      // console.log('🟢 res', res)
      // 如果业务状态码不是 10000 表示业务错误
      // if (res.code !== 10000) {
      //   return wx.utils.toast(res.message)
      // }
      // 保存到全局 app 中
      const app = getApp()
      // 保存两个 token 到全局 App 和本地缓存
      app.setToken('token', res.data.token)
      app.setToken('refreshToken', res.data.refreshToken)
      // 页面回跳
      wx.redirectTo({
        url: this.query.redirectUrl,
      })
    }
  },
})
